<template>
  <div class="work-type-tit">


    <a-table style="margin: 20px 0;width: 650px;" :row-selection="{ onSelect: onRadioAddressSelect, type: 'radio',  }" :columns="typeColumns" :data-source="typeData.gpsPlaceParams">

    </a-table>
  </div>
</template>
<script>
  import {
    type,
  } from '@/api/clock'


  const typeColumns = [{
      title: '考勤地点',
      dataIndex: 'placeAddr',
      width: 100,
    },
    {
      title: '有效范围',
      dataIndex: 'validRange',
      width: 200,
    },
    {
      title: '操作',
      dataIndex: 'address',
      scopedSlots: {
        customRender: 'action'
      },
      width: 100,
    },
  ];
export default {
  data() {
    return {
      columns,
      shiftColumns,
      typeColumns,
      schoolCalendarColumns,
    }
  },
  created() {
    type('1551135058271133697')
    .then(response => {
      this.typeData = response.data
      console.log('this.typeData', this.typeData);
    })
  },
  methods: {
    getCheckboxProps () {


      return {
        props: {
          defaultChecked: false
        }
      }

    },

    onRadioAddressSelect (e) {
      this.radioAddressRowData = e
    },

    onSelectChange(selectedRowKeys) {
      console.log('selectedRowKeys changed: ', selectedRowKeys);
      this.selectedRowKeys = selectedRowKeys;
    },
  },
};
</script>
